@charset "utf-8";
/* CSS Document */
/* 全局公用的css样式 */
/*---------------------------------约束样式----------------------------------------*/
*{margin:0;padding:0;word-wrap:break-word}
* img{border:0}
* hr{border:1px dashed #d2d2d2}
.swiper-next,.swiper-prev{outline:none; cursor:pointer}
body,h1,h2,h3,h4,h5,h6,td,th,tr{color:#333333;font-weight:normal; font-size:12px; font-family:"Microsoft YaHei"}
body{overflow-x:hidden}
h1,h2,h3,h4,h5,h6{display:inline}
a{text-decoration:none;outline:none;color:#333333; cursor:pointer}
a:active{star:expression(this.onFocus=this.blur())}
a:focus{outline:none}
textarea{resize:none}
a:hover{color:#000; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent}
em{font-style:normal}
img{max-width:100%}
.ul li,.ul{list-style:none}
input,textarea,select{outline:none;font-family:"Microsoft YaHei"}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
   -webkit-box-shadow:rgba(255,255,255,0) 0 0 0px 1000px;
   -moz-box-shadow:rgba(255,255,255,0) 0 0 0px 1000px;
   box-shadow:rgba(255,255,255,0) 0 0 0px 1000px
}

@-webkit-keyframes autofill{
	to{
		color:#fff;
		background:rgba(31,39,87,0.3);
	}
}

input:-webkit-autofill{
	animation-name:autofill !important;
	animation-fill-mode:both !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
	background-clip:content-box !important;
}

.clear{width:100%; clear:both; height:1px; overflow:hidden}
.fl{float:left}
.fr{float:right}
.ov_hi{overflow:hidden}
.layout{width:1200px;margin:0 auto}
.ul_li{list-style:none}
.ov_hi{overflow:hidden}
.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}
.shadow{-webkit-box-shadow:#DDD9D9 0px 0px 30px;-moz-box-shadow:#DDD9D9 0px 0px 30px;box-shadow:#DDD9D9 0px 0px 30px}
.fl-clr{zoom:1}
.fl-clr:after{display:block;clear:both;height:0;content:"\0020"}
.pc{}
.web{display:none !important}
.opacityli li,.opacity,.opacitybox .box{opacity:0}
.textV{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.scale img,
.floatBox .weChat img,
.index-more span:after,
.index-product-show li .text .bnt,
.index-product-show li .li .text,
.index-product-show li .box:before,
.headbar_bpx,
.about-culture li,
.product-return:before,
.product-list li .more,
.product-mechanism-ul li .boxa,
.clinical-list li .box .text .more,
.news-list li .year,
.news-list li .title,
.cooperation-list .box,
.cooperation-button,
.join-more,
.position-nav li a:before,
.index-news .swiper-pagination .op{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.scale:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

body.hidden{overflow:hidden}

/*加载动画*/
.loading-box{position:fixed; width:100%; height:100%; left:0; top:0; z-index:10000; background:#fff; display:none}
.loading-box img{ height:44px}
.loading-box .box{position:absolute; width:100%; left:0; top:50%; text-align:center; transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%)}
.loader{width:150px; margin:35px auto; position:relative}
.loader .loading-1{position:relative; width:100%; height:8px; border:1px solid #0454a4; border-radius:10px; animation:turn 4s linear 1.75s infinite}
.loader .loading-1:before{content:""; display:block; position:absolute; width:0%; height:100%; background:#0454a4; animation:load 2s linear infinite}
.loader .loading-2{width:100%; position:absolute; top:10px; color:#0454a4; font-size:16px; text-align:center; animation:bounce 2s  linear infinite}
@keyframes load{
	0%{width:0%}
	87.5%, 100%{width:100%}
}
@keyframes turn{
	0%{transform:rotateY(0deg)}
	6.25%, 50%{transform:rotateY(180deg)}
	56.25%, 100%{transform:rotateY(360deg)}
}
@keyframes bounce{
	0%,100%{top:10px}
	12.5%{top:30px}
}


/*返回顶部*/
.floatBox{position:fixed; right:30px; top:50%; width:50px; z-index:88;
transform:translateY(-40%);
-ms-transform:translateY(-40%);
-moz-transform:translateY(-40%);
-webkit-transform:translateY(-40%);
-o-transform:translateY(-40%)}
.floatBox .a{display:block; margin-bottom:8px; height:50px; cursor:pointer;
-webkit-box-shadow:rgba(0,85,165,0.15) 0px 0px 10px;-moz-box-shadow:rgba(0,85,165,0.15) 0px 0px 10px;box-shadow:rgba(0,85,165,0.15) 0px 0px 10px; position:relative}
.floatBox .contact{background:#fff; height:auto; text-align:center; padding-bottom:10px}
.floatBox .contact .contactbox{ background:#fff no-repeat 12px center; color:#21bbc1;position:absolute;right:60px;top:0;padding: 22px 0 26px 42px;font-size:16px;line-height:25px;width: 186px;-webkit-box-shadow:rgba(0,85,165,0.15) 0px 0px 10px;-moz-box-shadow:rgba(0,85,165,0.15) 0px 0px 10px;box-shadow:rgba(0,85,165,0.15) 0px 0px 10px;text-align:left;display:none;}
.floatBox .contact .contactbox .t{font-weight:bold;font-size: 15px;}
.floatBox .contact i{display:block; height:50px; background:url(../images/lx.png) no-repeat center center}
.floatBox .contact span{font-size:15px;font-weight:bold;color:#1ca8b9;display:block;padding:0 15px;line-height:15px;}
.floatBox .weChat{background:#fff url(../images/wx.png) no-repeat center center; position:relative}
.floatBox .weChat img{position:absolute; left:0; width:0; max-width:none; height:0; top:50%; margin-top:-80px; opacity:0}
.floatBox .weChat img{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.floatBox .weChat:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);width:160px; height:160px; left:-170px; opacity:1}

.floatBox .returnTop{background:#fff url(../images/top.png) no-repeat center center}
.floatBox .returnTopa{display:none}
/*底部样式*/
.footer{background:#21bbc1; color:#fff; font-size:16px; line-height:20px; padding:20px 0 0 0; overflow:hidden}
.footer a{color:#fff} 
.footer a:hover{text-decoration:underline}
.footer_top{position:relative; padding:25px 0 15px 375px}
.footer_top .d1{position:relative; float:left; margin-left:-375px; width:360px}
.footer_top .d1 .logo{height:45px}
.footer_top .d1 .phone{position:relative; padding-left:38px; background:url(../images/dhB.png) no-repeat 0 center; font-size:20px; line-height:24px; margin:20px 0 15px 0}
.footer_top .d1 .phone .tel{font-size:24px; padding-top:5px}

.footer_top .footer_nav{overflow:hidden}
.footer_top .footer_nav li{float:left; width:20%; min-height:193px; background:url(../images/line.png) no-repeat 0 center}
.footer_top .footer_nav li .box{padding-left:60px}
.footer_top .footer_nav li .title{font-size:18px; font-weight:bold; padding-bottom:10px}
.footer_top .footer_nav li .drop-down{line-height:30px; overflow:hidden}
.footer_top .footer_nav li:nth-child(3){width:40%}
.footer_top .footer_nav li:nth-child(3) .drop-down p{float:left; width:50%}

.footer_bottom{text-align:center; line-height:30px; padding:15px 0; border-top:1px solid #5ec2ce}
.footer_bottom span{padding:0 10px}
.footer_bottom .link a{margin:0 10px}
.footer_bottom .p3{color:#fcdd5f} 


/*导航*/
.bh_130{height:130px}
.headbar_bpx{position:fixed; width:100%; left:0; top:0; z-index:99; background:#fff;
-webkit-box-shadow:rgba(58,123,200,0.19) 0px 0px 16px;
-moz-box-shadow:rgba(58,123,200,0.19) 0px 0px 16px;
box-shadow:rgba(58,123,200,0.19) 0px 0px 16px}
.headbar_top{background:#fff}
.headbar_top .layout{height:80px; position:relative; overflow:hidden}
.headbar_top .logo,
.headbar_top .pc_phone{position:absolute; top:50%;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%)}
.headbar_top .logo{left:0; height:44px}
.headbar_top .logo img{height:44px}
.headbar_top .pc_phone{right:0; height:46px; padding-left:50px; background:url(../images/dh.png) no-repeat 0 center}
.headbar_top .pc_phone .title{font-size:16px; color:#666666; line-height:16px; padding-bottom:8px}
.headbar_top .pc_phone .tel{font-size:22px; color:#21bbc1; line-height:22px; font-weight:bold}

.headbar_nav{background:#21bbc1}
.main-nav-pc{height:50px; line-height:50px}
.main-nav-pc li{float:left; width:12.5%; position:relative}
.main-nav-pc li .a{display:block; height:50px; color:#fff; font-size:18px; position:relative; text-align:center}
.main-nav-pc li.d .a:after{content:""; border:5px transparent solid; width:0; height:0; overflow:hidden; border-top-color:#fff; font-size:0; line-height:0; display:inline-block; margin-left:5px; position:relative; top:2px}
.main-nav-pc li .a a{position:absolute; width:100%; height:100%; left:0; top:0}
.main-nav-pc li .drop-down{display:none; position:absolute; width:100%; left:0; top:50px; background:#fff; text-align:center;
-webkit-box-shadow:rgba(58,123,200,0.19) 0px 0px 16px;
-moz-box-shadow:rgba(58,123,200,0.19) 0px 0px 16px;
box-shadow:rgba(58,123,200,0.19) 0px 0px 16px; overflow:hidden}
.main-nav-pc li .drop-down a{display:block; height:40px; font-size:16px; line-height:40px}
.main-nav-pc li .drop-down a:hover{color:#21bbc1; background:#eefdff}
.main-nav-pc li:hover .drop-down{}
.main-nav-pc li:hover .a,
.main-nav-pc li.hover .a{background:rgba(0,0,0,0.2)}

.ioc_switch,
.ioc_phone{display:none}


/*首页*/
.index_show{background:#000;/* height:calc(100vh - 130px);*/ position:relative; overflow:hidden}
.index_show .uk-slideshow-fullscreen,
.index_show .uk-slideshow-fullscreen>li{/*height:calc(100vh - 130px);*/}
.index_show.hover{min-height:0}
.index_show img{width:100%}
.index_show .uk-slidenav-position .uk-slidenav{display:none}
.index_show .uk-slideshow,.index_show .uk-slideshow>li{}
.index_show .uk-dotnav{text-align:center; bottom:30px; display:block}
.index_show .uk-dotnav>*{float:none; display:inline-block; padding-left:10px; margin:0}
.index_show .uk-dotnav>*>*{width:8px; height:8px; border:2px solid #fff; background:none}
.index_show .uk-dotnav>.uk-active>*{transform:scale(1); background:#fff}

.jsmpeg-video{height:calc(100vh - 130px); background:#000; position:relative; width:100%; overflow:hidden}
.jsmpeg-video canvas{position:absolute; width:100% !important; height:100% !important; object-fit:cover}


/*首页大图*/
.Discovery{position:absolute; right:40px; bottom:15px; color:#fff; text-align:center}
.Discovery i{display:block; width:16px; height:30px; border:2px solid #fff; border-radius:50px; position:relative; overflow:hidden}
.Discovery i:before{content:''; position:absolute; top:10px; left:50%; margin-left:-1px; width:2px; height:10px; background:#fff; -webkit-animation:scroll_tip_icon 1.6s linear infinite; animation:scroll_tip_icon 1.6s linear infinite}

@-webkit-keyframes scroll_tip_icon{
	0%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

	50%{
		-webkit-transform:translateY(4px);
		transform:translateY(4px)
	}

	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}
}

@keyframes scroll_tip_icon{
	0%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	}

	50%{
		-webkit-transform:translateY(4px);
		transform:translateY(4px)
	}

	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0)
	} 
}

.index-title{text-align:center; color:#21bbc1; padding-bottom:50px}
.index-title .cn{font-size:36px; font-weight:bold; line-height:40px}
.index-title .line,
.index-title .line:after{background:#21bbc1}
.index-title .line{display:block; width:280px; margin:15px auto 10px auto; height:1px;  position:relative}
.index-title .line:after{content:""; width:50px; height:7px; position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-4px; border-radius:50px}
.index-title .en{font-size:20px; text-transform:uppercase; line-height:20px}

.index-more{display:block; width:200px; height:55px; background:#f0b833; font-size:20px; font-weight:bold; color:#fff !important; line-height:55px; text-align:center; margin:50px auto 0 auto; border-radius:80px}
.index-more span{position:relative; padding-right:35px}
.index-more span:after{content:""; position:absolute; right:0; top:50%; margin-top:-13px; width:26px; height:26px; background:url(../images/more.png) no-repeat; background-size:cover}
.index-more:hover{background:#e5ae2a}
.index-more:hover span:after{right:-8px}


/*.index-1*/
.index-1{background:#f0f9ff; padding:80px 0; overflow:hidden}
.indexNews_text{display:none}
.index-news{position:relative; padding-left:590px; min-height:510px}
.index-news .swiper-pagination{position:absolute; left:0; top:0; width:540px; text-align:left}
.index-news .swiper-pagination .op{position:absolute; left:0; top:0; width:100%; height:155px; background:#1fbac3 url(../images/active.jpg) no-repeat right center; background-size:cover}
.index-news .swiper-pagination .li{display:block; width:auto; height:155px; background:none; opacity:1; border-radius:0; position:relative; z-index:2}
.index-news .swiper-pagination .li a{display:block; padding:15px 35px; overflow:hidden; color:#444444; position:relative}
.index-news .swiper-pagination .li a:after{content:""; position:absolute; right:35px; left:35px; bottom:0; height:1px; background:#bdd5e5}
.index-news .swiper-pagination .li .h1{min-height:30px; line-height:30px; position:relative; margin-bottom:5px}
.index-news .swiper-pagination .li .h1 em{position:absolute; left:-20px; font-size:24px; font-weight:bold}
.index-news .swiper-pagination .li .h1 .title{font-size:20px;font-weight:bold; display:block; width:85%;}
.index-news .swiper-pagination .li .h1 .time{position:absolute; right:0; top:0; font-size:16px}
.index-news .swiper-pagination .li .txt{font-size:16px; color:#666666; line-height:30px; height:60px; overflow:hidden}

.index-news .swiper-pagination .swiper-pagination-bullet-active{/*background:#1fbac3 url(../images/active.jpg) no-repeat right center*/}
.index-news .swiper-pagination .swiper-pagination-bullet-active a:after{display:none}
.index-news .swiper-pagination .swiper-pagination-bullet-active a,
.index-news .swiper-pagination .swiper-pagination-bullet-active a .txt{color:#fff}

.index-news .box{display:block; overflow:hidden; position:relative}
.index-news .box img{width:100%; height:445px}
.index-news .box .text{position:absolute; left:0; bottom:0; right:0; height:60px; line-height:60px; background:rgba(33,187,193,0.8); color:#fff; font-size:24px; padding-left:15px}
.index-news .box .text .textV{display:block;height:60px;width: 80%;}
.index-news .swiper-button{position:absolute; right:10px; bottom:0; overflow:hidden; z-index:3}
.index-news .swiper-button .bnt{display:block; float:left; width:40px; height:60px; text-align:center; line-height:60px; color:#fff; font-size:24px; cursor:pointer}


/*.index-2*/
.index-2{background:#fff url(../images/index-2.jpg) no-repeat center bottom; padding:80px 0; overflow:hidden}
.index-about-text{font-size:16px; line-height:30px; padding-bottom:40px;text-align: justify;}
.index-about-show{overflow:hidden}
.index-about-show *{overflow:hidden}
.index-about-show .li1 .div{float:left; width:25%; height:260px; position:relative}
.index-about-show .li1 .div img{width:100%; height:260px;object-fit:cover}
.index-about-show .li1 .d1{width:50%; background:rgba(33,187,193,0.75)}
.index-about-show .li1 .d1 .text{position:absolute; width:80%; left:10%; top:50%; color:#fff; font-size:16px; line-height:30px;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%)}
.index-about-show .li1 .d1 .text h2{font-size:24px; font-weight:bold; line-height:30px; padding-bottom:10px; text-align:center; color:#fff; display:block}
.index-about-show .li2 .div{float:left; width:37.5%; height:290px; position:relative}
.index-about-show .li2 .div img{width:100%; height:290px;object-fit:cover}
.index-about-show .li2 .d1{}
.index-about-show .li2 .d2{}
.index-about-show .li2 .d3{width:25%; background:#f0b833}
.index-about-show .li2 .d3 .index-more{margin:auto; position:relative; top:50%; z-index:4;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%)}
.index-about-show .li2 .d3 .index-more:hover{background:#f0b833}
.index-about-show >div .div .a{position:absolute; left:0; top:0; height:100%; width:100%; z-index:3}
.index-about-show >div .div .title{position:absolute; left:0; width:100%; top:50%; font-size:24px; font-weight:bold; z-index:2; text-align:center; color:#fff;
transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%)}
.index-about-show .li1 .d3:before,
.index-about-show .li2 .d2:before{content:""; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1}
.index-about-show .li1 .d3:before{background:rgba(84,94,174,0.6)}
.index-about-show .li2 .d2:before{background:rgba(54,155,237,0.6)}


/*.index-3*/
.index-3{background:#f0f9ff; padding:80px 0; overflow:hidden}
.index-product-show{overflow:hidden}
.index-product-show li{float:left; width:50%;overflow:hidden}
.index-product-show li img{width:100%; height:300px; object-fit:cover}
.index-product-show li .li{float:left; height:300px; width:50%; background:#ddedfd; position:relative}
.index-product-show li .box:before{content:""; border:15px transparent solid; width:0; height:0; overflow:hidden; border-right-color:#fff; font-size:0; line-height:0; position:absolute; left:-30px; top:50%; margin-top:-15px; z-index:4}
.index-product-show li .text{position:absolute; left:0; top:0; bottom:0; right:0; color:#fff; overflow:hidden; padding:35px 30px}
.index-product-show li .text h2{font-size:24px; font-weight:bold; line-height:30px; display:block; height:30px; color:#fff}
.index-product-show li .text .txt{text-align: justify;font-size:16px; line-height:30px; height:150px; margin:10px 0 5px 0}
.index-product-show li .text .bnt{display:block; width:100px; height:30px; line-height:30px; background:#f0b833; font-size:16px; color:#fff; border-radius:50px; text-align:center; position:relative; top:100px; opacity:0}
.index-product-show .li:hover .text .bnt{top:0; opacity:1}
.index-product-show li:nth-child(3) .li,
.index-product-show li:nth-child(4) .li{float:right}

.index-product-show li:nth-child(1) .li .text{background:rgba(33,187,193,0.8)}
.index-product-show li:nth-child(2) .li .text{background:rgba(51,167,240,0.8)}
.index-product-show li:nth-child(3) .li .text{background:rgba(53,135,227,0.8)}
.index-product-show li:nth-child(4) .li .text{background:rgba(120,130,219,0.8)}

.index-product-show li:nth-child(1) .box:before{border-right-color:rgba(33,187,193,0.8)}
.index-product-show li:nth-child(2) .box:before{border-right-color:rgba(51,167,240,0.8)}
.index-product-show li:nth-child(3) .box:before{border-left-color:rgba(53,135,227,0.8); right:-30px; left:auto; border-right-color:transparent}
.index-product-show li:nth-child(4) .box:before{border-left-color:rgba(120,130,219,0.8); right:-30px; left:auto;border-right-color:transparent}

.index-product-show li:nth-child(1) .box:hover:before{border-right-color:rgba(33,187,193,0.95)}
.index-product-show li:nth-child(2) .box:hover:before{border-right-color:rgba(51,167,240,0.95)}
.index-product-show li:nth-child(3) .box:hover:before{border-left-color:rgba(53,135,227,0.95)}
.index-product-show li:nth-child(4) .box:hover:before{border-left-color:rgba(120,130,219,0.95)}

.index-product-show li:nth-child(1) .box:hover .text{background:rgba(33,187,193,0.95)}
.index-product-show li:nth-child(2) .box:hover .text{background:rgba(51,167,240,0.95)}
.index-product-show li:nth-child(3) .box:hover .text{background:rgba(53,135,227,0.95)}
.index-product-show li:nth-child(4) .box:hover .text{background:rgba(120,130,219,0.95)}


/*.index-4*/
.index-4{background:#48a9e7 url(../images/index-4.jpg) no-repeat center 0; background-size:cover; padding:80px 0; overflow:hidden}
.index-4 .index-title{color:#fff}
.index-4 .index-title .line,
.index-4 .index-title .line:after{background:#fff}
.index-clinical-show{}
.index-clinical-show li{float:left; width:33.3%; padding:30px 0; color:#fff}
.index-clinical-show li .box{display:block; margin-left:12%; height:120px; padding-left:130px; position:relative}
.index-clinical-show li .img i{position:absolute; width:100px; height:100px; left:10px; top:10px; border-radius:50%; background:#fff; overflow:hidden}
.index-clinical-show li .img img{width:100%; height:100px; border-radius:50%}
.index-clinical-show li .title{font-size:24px; font-weight:bold; display:block; line-height:30px; height:30px; overflow:hidden; color:#fff}
.index-clinical-show li .txt{text-align: justify;font-size:16px; line-height:30px; height:90px; overflow:hidden;color:#fff}

.index-clinical-show li .img{position:absolute; left:0; top:0; width:120px; height:120px; border-radius:50%; background:rgba(255,255,255,0.15);
-webkit-transition:-webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition:-moz-transform ease-out 0.1s, background 0.2s;
transition:transform ease-out 0.1s, background 0.2s}
.index-clinical-show li .img:after{content:''; pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%;
-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box}
.index-clinical-show li .img:after{top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,0.1); opacity:0; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9)}
.index-clinical-show li:hover .img{
	background:rgba(255,255,255,0.05);
	-webkit-transform:scale(0.93);
	-moz-transform:scale(0.93);
	-ms-transform:scale(0.93);
	transform:scale(0.93);
	color:#fff;
}

.index-clinical-show li:hover .img:after{
	-webkit-animation:sonarEffect 1.3s ease-out 75ms;
	-moz-animation:sonarEffect 1.3s ease-out 75ms;
	animation:sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect{
	0%{
		opacity:0.3;
	}
	40%{
		opacity:0.5;
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100%{
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform:scale(1.5);
		opacity:0;
	}
}
@-moz-keyframes sonarEffect{
	0%{
		opacity:0.3;
	}
	40%{
		opacity:0.5;
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100%{
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform:scale(1.5);
		opacity:0;
	}
}
@keyframes sonarEffect{
	0%{
		opacity:0.3;
	}
	40%{
		opacity:0.5;
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100%{
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
		transform:scale(1.5);
		opacity:0;
	}
}



/*二级页面*/
.second-show{position:relative; overflow:hidden}
.second-show img{width:100%; display:none}
.second-show .title{position:absolute; color:#fff; font-weight:bold; font-size:36px; left:50px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:2}
.second-show .layout{position:relative; height:360px}
.second-show .img{position:absolute; width:100%; height:100%; left:0; top:0}
.second-show .img,
.second-show img{-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;
-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.second-show.hover .img,
.second-show.hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}




/*面包屑*/
.bh_100{height:101px}
.headbar_bpx.top{top:-130px}
.position-box{font-size:14px; color:#666666;  position:relative; width:100%; left:0; top:0; z-index:2}
.position-box.fixed{position:fixed; z-index:8}
.position-box .layout{height:70px; position:relative; overflow:hidden}
.bh_100 .position-box{border-bottom:1px solid #ddd; background:#fff}
.bh_100 .position-box .layout{height:100px}
.position-r{position:absolute; right:0; line-height:20px; top:50%; margin-top:-10px}
.position-box.left .position-r{right:auto; left:0}
.position-r em{padding:0 5px}
.position-r a{color:#666666; position:relative}
.position-r .home{padding-left:20px}
.position-r .home:before{content:""; position:absolute; width:14px; height:14px; background:url(../images/home.png) no-repeat; background-size:100%; top:50%; margin-top:-7px; left:0}
.position-r a:hover{color:#21bbc1}
.position-nav{margin-left:-25px}
.position-nav li{float:left; padding:0 25px; position:relative}
.position-nav li:before{content:""; position:absolute; width:1px; height:14px; background:#ccc; left:0; top:50%; margin-top:-7px}
.position-nav li a{display:block; line-height:100px; height:100px; font-size:16px; padding:0 5px}
.position-nav li a:before{content:""; position:absolute; bottom:0; width:0; left:50%; height:2px; background:#21bbc1;transform:translateX(-50%);
-ms-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%)}
.position-nav li a.hover:before,
.position-nav li a:hover:before{color:#21bbc1;width:100%}

/*分页*/
.paging_box{text-align:center; overflow:hidden; padding:45px 0}
.paging_box a{display:inline-block; width:40px; height:40px; border:1px solid #e5e5e5; overflow:hidden; text-align:center; line-height:40px; color:#666666; font-size:14px; background:#fff; margin-left:4px}
.paging_box a:hover,
.paging_box .on{color:#fff; background:#21bbc1; border-color:#21bbc1}
.paging_box .on{cursor:auto}



/*关于我们*/
.about-title{font-size:34px; color:#21bbc1; font-weight:bold; line-height:40px; height:40px; text-align:center; margin-bottom:50px}

.about-1{background:#fff; background-size:cover; padding:80px 0; height:530px; position:relative; overflow:hidden}
.about-1 .about-title{font-size:34px; color:#21bbc1; font-weight:bold; line-height:40px; height:40px; text-align:left; margin:50px 0}
.about-company{width:50%}
.mCustomScrollbar-text .mCSB_scrollTools .mCSB_draggerRail{background:#21bbc1; width:1px}
.mCustomScrollbar-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#21bbc1; width:7px}

.about-company .text{height:390px; overflow:hidden; padding-right:30px; font-size:16px; line-height:30px}
.about-company .text p{text-indent:32px}
.company-img{position:absolute; width:50%; right:0; top:80px}
.company-img img{height:530px; width:100%; object-fit:cover}

.about-2{background:#211940 url(../images/about-2.jpg) no-repeat center bottom; background-size:cover; padding:60px 0; overflow:hidden}
.about-2 .about-title{color:#fff}
.swiper-course{position:relative; overflow:hidden}
.swiper-course .layout{position:relative; z-index:2}
.swiper-course .layout:before,
.swiper-course .layout:after{content:""; position:absolute; width:100%; height:10px; left:-101%; top:300px;background:url(../images/lineA.png) repeat-x}
.swiper-course .layout:after{right:-100%; left:inherit}
.swiper-course .lineA{position:absolute; width:100%; height:10px; left:0; top:50%; margin-top:-6px; /*background:url(../images/lineA.png) repeat-x*/ border-bottom:1px solid #fff}
.swiper-course .button{position:absolute; width:42px; height:42px; top:50%; margin-top:-21px; cursor:pointer;outline:none; background-repeat:no-repeat; background-color:#fff; border-radius:50%; background-position:center center; z-index:3; background-size:50% !important}
.swiper-course .button-next{left:-50px; background-image:url(../images/nexta.png)}
.swiper-course .button-prev{right:-50px; background-image:url(../images/preva.png)}
.swiper-course .swiper-button-disabled{background-color:#ccc}

.swiper-course .swiper-slide{position:relative; padding:300px 0; height:10px}
.swiper-course .swiper-slide:before{content:""; position:absolute; width:100%; height:10px; left:-11px; top:300px;background:url(../images/lineA.png) repeat-x}
.swiper-course .box{color:#fff; position:absolute; left:0; bottom:300px; padding:0 0 50px 50px}
.swiper-course .box .line{position:absolute; width:1px; left:30px; background:#fff; bottom:0; top:20px}
.swiper-course .box .line:before{content:""; position:absolute; width:8px; height:8px; left:50%; margin-left:-6px; top:-12px; border-radius:50px; border:2px solid #fff}
.swiper-course .box .year{font-size:22px; font-weight:bold; line-height:30px; height:30px; padding-bottom:15px}
.swiper-course .box .text{font-size:16px; line-height:25px; height:215px; overflow:hidden}
.swiper-course .box .text p{padding-top:5px}
.swiper-course .swiper-slide:nth-child(even) .box{top:300px; padding:50px 0 0 50px}
.swiper-course .swiper-slide:nth-child(even) .box .line{top:0; bottom:-7px}
.swiper-course .swiper-slide:nth-child(even) .box .line:before{top:auto; bottom:-12px}

.swiper-course .box:hover .line:after{content:""; position:absolute; width:48px; height:56px; left:50%; margin-left:-24px; top:auto; background:url(../images/fal.png) no-repeat;bottom:-56px}
.swiper-course .swiper-slide:nth-child(odd) .box:hover .line:after{background:url(../images/fala.png) no-repeat}
.swiper-course .swiper-slide:nth-child(even) .box:hover .line:after{top:-56px; bottom:auto}
.swiper-course .swiper-slide .box:hover .line{background:#21bbc1}
.swiper-course .swiper-slide .box:hover .line:before{border:2px solid #21bbc1; background:#21bbc1}
.swiper-course .swiper-slide .box:hover .year{color:#21bbc1}

.about-3{background:#fff; padding:80px 0; overflow:hidden}
.honor-top{margin:0 80px}
.honor-top .box{overflow:hidden; position:relative; padding-right:350px}
.honor-top .box img{width:100%}
.honor-top .box .text{position:absolute; width:350px; height:280px; background:#fff; right:20px; top:50%; margin-top:-140px; padding:0 25px; z-index:2;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 20px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 20px;
box-shadow:rgba(0,0,0,0.2) 0px 0px 20px}
.honor-top .box .text .title{font-size:22px; font-weight:bold; line-height:30px; padding:65px 0 10px 0}
.honor-top .box .text .txt{font-size:16px; line-height:30px}

.honor-thumbs{margin-top:35px; padding:0 45px; position:relative}
.honor-thumbs img{width:100%; cursor:pointer}
.honor-thumbs .button{position:absolute; top:50%; margin-top:-15px; height:30px; font-size:30px; font-weight:normal; color:#444; outline:none; cursor:pointer}
.honor-thumbs .button:hover{color:#21bbc1}
.honor-thumbs .button-prev{left:0}
.honor-thumbs .button-next{right:0}

.about-4{background:#74afe6 url(../images/about-4.jpg) no-repeat center bottom; background-size:cover; padding:80px 0; overflow:hidden} 
.about-4 .about-title{color:#fff}
.about-culture{overflow:hidden}
.about-culture li{float:left; width:33.3%;position:relative; top:0}
.about-culture li .box{width:330px; height:370px; margin:0 auto; background:url(../images/about-culture.png) no-repeat; background-size:cover; text-align:center; overflow:hidden; position:relative}
.about-culture li .title{font-size:22px; font-weight:bold; color:#1ab3ba; position:relative; z-index:2; line-height:22px; padding-top:90px}
.about-culture li .title:after{content:""; display:block; width:2px; height:28px; background:#1ab3ba; margin:10px auto 15px auto}
.about-culture li .text{font-size:16px; line-height:30px; position:relative; z-index:2; padding:0 60px}

.about-culture li .box:before{content:""; position:absolute; width:100%; height:147px; left:0; top:0}
.about-culture li .c1:before{background:url(../images/icon/c1.png) no-repeat center 0}
.about-culture li .c2:before{background:url(../images/icon/c2.png) no-repeat center 0}
.about-culture li .c3:before{background:url(../images/icon/c3.png) no-repeat center 0}
.about-culture li:hover{top:-5px}
.about-culture li:hover .c1:before{background:url(../images/icon/c1a.png) no-repeat center 0}
.about-culture li:hover .c2:before{background:url(../images/icon/c2a.png) no-repeat center 0}
.about-culture li:hover .c3:before{background:url(../images/icon/c3a.png) no-repeat center 0}
.about-culture li:hover .title{color:#f1b833}
.about-culture li:hover .title:after{background:#f1b833}

/*产品中心*/
.second-show.product .layout{height:680px}
.second-show.product .title{top:170px;transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0)}

.product-show .layout{position:relative; padding-top:125px}
.product-show-text{position:absolute; width:720px; height:440px; top:-280px; left:0}
.product-show-text:before,
.product-show-text:after{content:""; position:absolute}
.product-show-text:before{width:158px; height:159px; right:0; bottom:0; background:url(../images/p1.png) no-repeat; z-index:2}
.product-show-text:after{width:300%; right:0; top:0; height:100%; background-image:linear-gradient(to right,rgba(14,157,224,0.94) ,rgba(45,190,196,0.94))}
.product-show-text .box{padding:70px 115px 0 40px; color:#fff; position:relative; z-index:2}
.product-show-text .box .about-title{text-align:left; color:#fff; margin-bottom:20px}
.product-show-text .box ul li{background:rgba(255,255,255,0.2); padding:10px 25px; line-height:30px; font-size:16px; margin-bottom:15px; border-radius:20px 0 20px 0}

.product-return{display:block; width:200px; height:80px; text-align:center; line-height:80px; color:#fff; background:#21bbc1; position:relative; float:right;  margin-right:270px; font-size:24px; color:#fff !important}
.product-return:before,
.product-return:after{content:""; width:43px; height:41px; position:absolute}
.product-return:before{left:-10px; top:-5px; background:url(../images/fh_b.png) no-repeat; z-index:2}
.product-return:hover:before{left:-12px; top:-7px}
.product-return:after{left:0; top:0; background:url(../images/fh_a.png) no-repeat}
.product-return i{position:absolute; right:0; top:-178px; width:2px; height:178px; background:#21bbc1;
transform:rotate(45deg); transform-origin:0 100%;
-ms-transform:rotate(45deg); -ms-transform-origin:0 100%;/* IE 9 */
-moz-transform:rotate(45deg); -moz-transform-origin:0 100%;/* Firefox */
-webkit-transform:rotate(45deg); -webkit-transform-origin:0 100%;/* Safari 和 Chrome */
-o-transform:rotate(45deg); -o-transform-origin:0 100%}


.product-0{padding:60px 0 0 0}
.product-range{}
.product-range li{float:left; width:33.3%}
.product-range li .box{width:250px; height:250px; padding:15px; border-radius:50%; margin:0 auto; text-align:center; background:rgba(246,189,89,0.4); position:relative}
.product-range li .text{width:250px; height:250px; border-radius:50%; background:#f6bd59; color:#fff}
.product-range li .text .number{font-size:30px; display:block; line-height:30px; padding:30px 0 15px 0}
.product-range li .text .txt-box{display:table; width:100%; height:125px; font-size:16px; line-height:25px}
.product-range li .text .txt-box span{display:table-cell; vertical-align:middle; padding:0 20px}
.product-range li:nth-child(2) .box{background:rgba(86,176,228,0.4)}
.product-range li:nth-child(2) .text{background:#56b0e4}
.product-range li:nth-child(3) .box{background:rgba(241,149,108,0.4)}
.product-range li:nth-child(3) .text{background:#f1956c}

.product-range li .box{x-webkit-transition:-webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition:-moz-transform ease-out 0.1s, background 0.2s;
    transition:transform ease-out 0.1s, background 0.2s}
.product-range li .box:after{
    pointer-events:none;
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    content:'';
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
	top:0;
	left:0;
	padding:0;
	z-index:-1;
	box-shadow:0 0 0 2px rgba(255,255,255,0.1);
	opacity:0;
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	transform:scale(0.9);}

.product-range li .box:hover{-webkit-transform:scale(0.93); -moz-transform:scale(0.93); -ms-transform:scale(0.93); transform:scale(0.93)}
.product-range li .box:hover:after{
	-webkit-animation:sonarEffect2 0.8s ease-out 75ms;
	-moz-animation:sonarEffect2 0.8s ease-out 75ms;
	animation:sonarEffect2 0.8s ease-out 75ms;
}
@-webkit-keyframes sonarEffect2 {
	0% {opacity:0.3}
	40% {opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255,255,255,0.5)}
	100% {
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform:scale(1.5);
		opacity:0;
	}
}
@-moz-keyframes sonarEffect2 {
	0% {opacity:0.3}
	40% {opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255,255,255,0.5)}
	100% {
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform:scale(1.5);
		opacity:0;
	}
}
@keyframes sonarEffect2 {
	0%{opacity:0.3}
	40%{opacity:0.5; box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255,255,255,0.5)}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ccc, 0 0 0 10px rgba(255,255,255,0.5); transform:scale(1.5);opacity:0}
}


.product-list{overflow:hidden}
.product-list li{position:relative; overflow:hidden}
.product-list li *{overflow:hidden}
.product-list li .name_a{position:relative; top:-130px}
.product-list li .img{width:50%; float:left; background:#d2e0ed}
.product-list li .img img{width:100%; height:380px; float:left}
.product-list li .box{width:50%; float:left;height:380px; color:#fff; background:#d2e0ed}
.product-list li .text{padding:50px}
.product-list li .title{font-size:30px; line-height:30px}
.product-list li .title:after{content:""; display:block; width:80px; height:4px; background:#fff; margin-top:10px}
.product-list li .txt{height:150px; font-size:16px; line-height:30px; margin:15px 0}
.product-list li .more{display:block; width:125px; height:35px; line-height:35px; text-align:center; font-size:16px; border-radius:50px; background:#fff; color:#fff}
.product-list li .more:hover{-webkit-box-shadow:rgba(0,152,158,0.35) 3px 0px 7px;-moz-box-shadow:rgba(0,152,158,0.35) 3px 0px 7px;box-shadow:rgba(0,152,158,0.5) 3px 0px 7px}
.product-list li:nth-child(1) .more:hover{-webkit-box-shadow:rgba(0,152,158,0.5) 3px 0px 7px;-moz-box-shadow:rgba(0,152,158,0.5) 3px 0px 7px;box-shadow:rgba(0,152,158,0.5) 3px 0px 7px}
.product-list li:nth-child(2) .more:hover{-webkit-box-shadow:rgba(9,127,200,0.5) 3px 0px 7px;-moz-box-shadow:rgba(9,127,200,0.5) 3px 0px 7px;box-shadow:rgba(9,127,200,0.5) 3px 0px 7px}
.product-list li:nth-child(3) .more:hover{-webkit-box-shadow:rgba(12,99,196,0.5) 3px 0px 7px;-moz-box-shadow:rgba(12,99,196,0.5) 3px 0px 7px;box-shadow:rgba(12,99,196,0.5) 3px 0px 7px}
.product-list li:nth-child(4) .more:hover{-webkit-box-shadow:rgba(70,83,198,0.5) 3px 0px 7px;-moz-box-shadow:rgba(70,83,198,0.5) 3px 0px 7px;box-shadow:rgba(70,83,198,0.5) 3px 0px 7px}

.product-list li:nth-child(1) .box{background:#2dbec4}
.product-list li:nth-child(2) .box{background:#5cb9f3}
.product-list li:nth-child(3) .box{background:#5d9fe9}
.product-list li:nth-child(4) .box{background:#939be2}
.product-list li:nth-child(1) .more{color:#2dbec4}
.product-list li:nth-child(2) .more{color:#5cb9f3}
.product-list li:nth-child(3) .more{color:#5d9fe9}
.product-list li:nth-child(4) .more{color:#939be2}
.product-list li:nth-child(even) .img{float:right}

.product-1{padding:70px 0}
.product-2{background:#f5f5f5;overflow:hidden}
.product-2 .layout{}
.product-mechanism{position:relative; width:50%; float:left; color:#fff; min-height:640px}
.product-mechanism:after{content:""; position:absolute; width:300%; right:0; top:0; height:100%; background-image:linear-gradient(to top,rgba(14,157,224,0.94) ,rgba(45,190,196,0.94));
/*transform:skew(-10deg);
-ms-transform:skew(-10deg); 	
-moz-transform:skew(-10deg); 	
-webkit-transform:skew(-10deg); 
-o-transform:skew(-10deg)*/}
.product-mechanism .box{position:relative; z-index:2; padding:60px 50px 0 50px}
.product-mechanism .about-title{text-align:left; color:#fff; margin-bottom:px}
.product-mechanism .text{font-size:16px; line-height:30px;}
.product-mechanism-ul{padding-top:40px}
.product-mechanism-ul li{width:25%; float:left; padding-bottom:20px}
.product-mechanism-ul li .boxa{background:rgba(255,255,255,0.2); width:95px; height:95px; border:1px solid #fff; border-radius:50%; text-align:center; line-height:30px; font-size:20px; color:#fff; position:relative}
.product-mechanism-ul li .boxa:after{content:''; pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%;
-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box}
.product-mechanism-ul li .boxa:after{top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,0.1); opacity:0; -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9)}

.product-mechanism-ul li .boxa:hover{
	background:rgba(255,255,255,0.05);
	-webkit-transform:scale(0.93);
	-moz-transform:scale(0.93);
	-ms-transform:scale(0.93);
	transform:scale(0.93);
	color:#fff;
}
.product-mechanism-ul li .boxa:hover{background:#fff;color:#23b4cd}
.product-mechanism-ul li .boxa:hover:after{
	-webkit-animation:sonarEffect 1.3s ease-out 75ms;
	-moz-animation:sonarEffect 1.3s ease-out 75ms;
	animation:sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect{
	0%{
		opacity:0.3;
	}
	40%{
		opacity:0.5;
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100%{
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform:scale(1.5);
		opacity:0;
	}
}
@-moz-keyframes sonarEffect{
	0%{
		opacity:0.3;
	}
	40%{
		opacity:0.5;
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100%{
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform:scale(1.5);
		opacity:0;
	}
}
@keyframes sonarEffect{
	0%{
		opacity:0.3;
	}
	40%{
		opacity:0.5;
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100%{
		box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #54afea, 0 0 0 10px rgba(255,255,255,0.5);
		transform:scale(1.5);
		opacity:0;
	}
}




.product-mechanism-ul li .boxa span{position:absolute; width:80%; left:10%; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); z-index:3}
.product-mechanism-r{width:50%; float:left; padding-top:55px}
.product-mechanism-r .box{padding:0 50px}
.product-mechanism-r .text{font-size:16px; line-height:30px; height:390px; overflow:hidden; margin-bottom:50px}
.product-mechanism-r .img{}
.product-mechanism-r .img img{width:100%}




/*产品中心详情页*/
.product-details-top{position:relative; overflow:hidden}
.product-details-top:before{content:""; position:absolute; width:100%; left:0; top:0; bottom:55px; background:#f5f5f5}
.product-details-show{position:relative; z-index:2}
.product-details-show .img,
.product-details-show .text{width:50%}
.product-details-show .img{float:right; overflow:hidden}
.product-details-show .img img{width:100%}
.product-details-show .text{float:left; padding:30px 0 0 0}
.product-details-show .text h2{display:block; font-size:34px; font-weight:bold; line-height:40px; margin-bottom:10px}
.product-details-show .text .txt{padding-right:70px; font-size:16px; line-height:30px}

.product-details-bottom{padding:50px 0; overflow:hidden}
.product-details-bottom .layout{position:relative}
.product-details-text{margin-right:330px; line-height:30px; font-size:16px; color:#666666}
.product-details-text h2{display:block; font-size:24px; line-height:30px; font-weight:bold; padding-left:24px; position:relative; margin:40px 0 20px 0; color:#333}
.product-details-text h2:nth-child(1){margin:0 0 20px 0}
.product-details-text h2:before{content:""; position:absolute; width:6px; height:26px; border-radius:3px; left:0; top:50%; margin-top:-13px; background:#21bbc1}

.product-details-nav{position:absolute; width:230px; top:0; margin-left:970px; background:#fff;
-webkit-box-shadow:rgba(33,187,193,0.18) 0 12px 20px;-moz-box-shadow:rgba(33,187,193,0.18) 0 12px 20px;box-shadow:rgba(33,187,193,0.18) 0 12px 20px}
.product-details-nav.fixed{position:fixed; top:130px}
.product-details-nav .title{font-size:24px; color:#fff; background:#21bbc1; text-align:center; line-height:150px; height:150px; position:relative; z-index:2}
.product-details-nav .ul{padding:0 15px}
.product-details-nav .ul li a{display:block; height:70px; line-height:70px; border-bottom:1px solid #ddd; font-size:16px; color:#666666; text-align:center}
.product-details-nav .ul li:nth-last-child(1) a{border-bottom:0}
.product-details-nav .ul li.hover a,
.product-details-nav .ul li a:hover{border-bottom-color:#21bbc1; color:#21bbc1}

/*临床应用*/
.second-show.clinical .layout{height:590px}
.second-show.clinical .title{top:160px;transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0)}

.clinical-1{position:relative; padding:60px 0 0 0; background:#fff}
/*.clinical-1:before{content:""; position:absolute; left:-80px; top:-120px; width:105%; height:100%; background:url(../images/clinical-1.jpg) no-repeat; background-size:100%;transform:rotate(7deg);
-ms-transform:rotate(7deg);
-moz-transform:rotate(7deg);
-webkit-transform:rotate(7deg);
-o-transform:rotate(7deg)}*/
.clinical-1 .layout{position:relative; z-index:2}
.clinical-1 .h2-title{color:#21bbc1;font-size: 46px;font-weight: bold;line-height: 50px;}
.clinical-1 .h2-txt{font-size:16px; line-height:30px; padding:10px 0 0 0}
.clinical-show-img{margin-left:-100px; overflow:hidden; padding:45px 0}
.clinical-show-img li{float:left; width:25%; text-align:center}
.clinical-show-img li .box{margin-left:100px}
.clinical-show-img li .box img{width:123px; border-radius:50%}
.clinical-show-img li .box:hover img{-webkit-box-shadow:rgba(206,137,18,0.35) 0 0 20px;-moz-box-shadow:rgba(206,137,18,0.35) 0 0 20px;box-shadow:rgba(206,137,18,0.35) 0 0 20px}
.clinical-show-img li .box .text{font-size:16px; line-height:25px; min-height:75px; margin:10px 0 15px 0}

.clinical-2{position:relative; padding:100px 0; color:#fff; z-index:3; background:url(../images/clinical-2a.jpg) no-repeat; background-size:cover}
/*.clinical-2:before{content:""; position:absolute; left:-80px; top:-20px; width:110%; height:100%; background:url(../images/clinical-2.jpg) no-repeat; background-size:cover;transform:rotate(7deg);
-ms-transform:rotate(7deg); 
-moz-transform:rotate(7deg); 
-webkit-transform:rotate(7deg); 
-o-transform:rotate(7deg)}*/
.clinical-2 .layout{position:relative; z-index:2}
.clinical-2 .title{font-size:46px; font-weight:bold; line-height:50px}
.clinical-2 .text{font-size:16px; line-height:30px; padding-top:15px}

.clinical-list{margin-top:-20px}
.clinical-list li,
.clinical-list li .layout{overflow:hidden; position:relative}
.clinical-list li .name_a{position:relative; top:-130px}
.clinical-list li .img,
.clinical-list li .box{float:left; width:50%}
.clinical-list li .img{float:right; overflow:hidden}
.clinical-list li .img img{width:100%; object-fit:cover}
.clinical-list li .box{text-align:right}
.clinical-list li .box .text{position:absolute; width:40%; margin-left:55px; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%)}
.clinical-list li .box .text .title{font-size:32px; line-height:40px}
.clinical-list li .box .text .title span{position:relative; padding-left:85px}
.clinical-list li .box .text .title span img{width:85px; height:85px; object-fit:none; position:absolute; left:0; top:50%; margin-top:-42px}
.clinical-list li .box .text .txt{font-size:16px; color:#666; line-height:30px; margin-bottom:60px; overflow:hidden; margin-top:25px}
.clinical-list li .box .text .more{display:inline-block; text-align:center; width:125px; height:35px; border-radius:50px; background:#f0b833; font-size:16px; text-align:center; line-height:35px; color:#fff}

.clinical-list li:nth-child(even) .img{float:left}
.clinical-list li:nth-child(even) .box{text-align:left}

.clinical-list li:nth-child(2){background:#5cb9f3}
.clinical-list li:nth-child(2) .box,
.clinical-list li:nth-child(2) .box .txt{text-align: justify;color:#fff}
.clinical-list li:nth-child(2) .box .text .more{color:#5cb9f3; background:#fff}

.clinical-list li:nth-child(4) .layout{background:#21bbc1}
.clinical-list li:nth-child(4) .box,
.clinical-list li:nth-child(4) .box .txt{text-align: justify;color:#fff}
.clinical-list li:nth-child(4) .box .text .more{color:#21bbc1; background:#fff}


.clinical-list li:nth-child(6){background:#539df0}
.clinical-list li:nth-child(6) .box,
.clinical-list li:nth-child(6) .box .txt{text-align: justify;color:#fff}
.clinical-list li:nth-child(6) .box .text .more{color:#539df0; background:#fff}

.clinical-list li:nth-child(8) .layout{background:#21bbc1}
.clinical-list li:nth-child(8) .box,
.clinical-list li:nth-child(8) .box .txt{text-align: justify;color:#fff}
.clinical-list li:nth-child(8) .box .text .more{color:#21bbc1; background:#fff}

.clinical-list li:nth-child(10){background:#939be2}
.clinical-list li:nth-child(10) .box,
.clinical-list li:nth-child(10) .box .txt{text-align: justify;color:#fff}
.clinical-list li:nth-child(10) .box .text .more{color:#939be2; background:#fff}


.clinical-list li .box .text .more:hover{-webkit-box-shadow:rgba(235,165,0,0.5) 3px 0px 7px;-moz-box-shadow:rgba(235,165,0,0.5) 3px 0px 7px;box-shadow:rgba(235,165,0,0.5) 3px 0px 7px}
.clinical-list li:nth-child(2) .box .text .more:hover{-webkit-box-shadow:rgba(12,99,196,0.5) 3px 0px 7px;-moz-box-shadow:rgba(12,99,196,0.5) 3px 0px 7px;box-shadow:rgba(12,99,196,0.5) 3px 0px 7px}
.clinical-list li:nth-child(4) .box .text .more:hover,
.clinical-list li:nth-child(8) .box .text .more:hover{-webkit-box-shadow:rgba(0,152,158,0.5) 3px 0px 7px;-moz-box-shadow:rgba(0,152,158,0.5) 3px 0px 7px;box-shadow:rgba(0,152,158,0.5) 3px 0px 7px}
.clinical-list li:nth-child(6) .box .text .more:hover{-webkit-box-shadow:rgba(70,83,198,0.5) 3px 0px 7px;-moz-box-shadow:rgba(70,83,198,0.5) 3px 0px 7px;box-shadow:rgba(70,83,198,0.5) 3px 0px 7px}
.clinical-list li:nth-child(10) .box .text .more:hover{-webkit-box-shadow:rgba(86,97,202,0.5) 3px 0px 7px;-moz-box-shadow:rgba(86,97,202,0.5) 3px 0px 7px;box-shadow:rgba(86,97,202,0.5) 3px 0px 7px}

/*临床应用详情*/
.second-show.bh-420 .layout{height:420px}
.clinical-left,
.clinical-right{margin-bottom:60px}
.clinical-left{width:230px; float:left}
.clinical-left-title{height:150px; line-height:150px; text-align:center; font-size:24px; color:#fff; background:#21bbc1}
.clinical-left-nav{background:#fff; padding:0 15px 70px 15px;
-webkit-box-shadow:rgba(33,187,193,0.18) 0 12px 20px;-moz-box-shadow:rgba(33,187,193,0.18) 0 12px 20px;box-shadow:rgba(33,187,193,0.18) 0 12px 20px}
.clinical-left-nav li a{display:block; border-bottom:1px solid #ddd; height:65px; line-height:65px; font-size:16px; color:#666666; position:relative; padding-left:60px}
.clinical-left-nav li a i{position:absolute; width:60px; height:100%; left:0; top:0}
.clinical-left-nav li a .a1{background:url(../images/icon/a1.png) no-repeat center center}
.clinical-left-nav li a .a2{background:url(../images/icon/a2.png) no-repeat center center}
.clinical-left-nav li a .a3{background:url(../images/icon/a3.png) no-repeat center center}
.clinical-left-nav li a .a4{background:url(../images/icon/a4.png) no-repeat center center}
.clinical-left-nav li a .a5{background:url(../images/icon/a5.png) no-repeat center center}
.clinical-left-nav li a .a6{background:url(../images/icon/a6.png) no-repeat center center}
.clinical-left-nav li a .a7{background:url(../images/icon/a7.png) no-repeat center center}
.clinical-left-nav li a .a8{background:url(../images/icon/a8.png) no-repeat center center}
.clinical-left-nav li a .a9{background:url(../images/icon/a9.png) no-repeat center center}
.clinical-left-nav li a .a10{background:url(../images/icon/a10.png) no-repeat center center}
.clinical-left-nav li a:hover,
.clinical-left-nav li.hover a{color:#21bbc1; border-bottom-color:#21bbc1}
.clinical-right{width:930px; float:right}
.clinical-right .position-box .layout{width:auto}
.clinical-right .position-box{border-bottom:1px solid #ddd}
.clinical-right-title{font-size:36px; line-height:50px; font-weight:bold; text-align:right; padding:25px 0}
/*.clinical-right-title span{position:relative}*/
.clinical-right-title span img{margin-right:10px}
.clinical-range{padding:25px 45px;/* background:url(../images/clinical-range.jpg) no-repeat; */background-size:cover;color: black;}
.clinical-range .title{font-size:24px; line-height:30px; height:30px; font-weight:bold; padding-left:20px; position:relative}
.clinical-range .title:before{content:""; border-radius:5px; width:6px; height:25px; background:#fff; position:absolute; left:0; top:50%; margin-top:-12px}
.clinical-range ul{padding-top:15px; overflow:hidden}
.clinical-range ul li{width:33.3%; float:left; padding:5px 0;list-style:none}
.clinical-range  p{display:block; font-size:16px; position:relative; line-height:25px; padding-left:18px}
.clinical-range ul li p:before{content:"";background: black;border-radius:50px;width:4px;height:4px;position:absolute;left:0;top:50%;margin-top:-2px;}
.clinical-text{font-size:16px; line-height:30px; color:#666666; padding:50px 0 0 0;text-align: justify;}
.clinical-text img{max-width:100%}
.clinical-text h2{display:block; font-weight:bold; font-size:24px; position:relative; line-height:30px; padding-left:20px; margin:35px 0 20px 0}
.clinical-text h2:before{content:""; border-radius:5px; width:6px; height:25px; background:#21bbc1; position:absolute; left:0; top:50%; margin-top:-12px}
.clinical-text h2:nth-child(1){margin:0 0 20px 0}
/*.clinical-text p{text-indent:32px}*/
.clinical-explain{background:#e5f2f3; padding:45px; margin-top:50px}
.clinical-explain h2:nth-child(1){margin:0 0 20px 0}
.clinical-explain h3{display:block; background:#21bbc1; font-size:18px; color:#fff; font-weight:bold; padding:5px 20px; line-height:30px; min-height:30px; margin:25px 0 20px 0}
.clinical-text .dl{padding-left:95px; overflow:hidden; margin-bottom:35px}
.clinical-text .dl p,
.dl-remind p{text-indent:0}
.clinical-text .dl img{float:left; margin-left:-95px; width:75px}
.dl-remind{overflow:hidden; padding-left:195px; padding-top:40px; border-top:1px dashed #21bbc1}
.dl-remind img{width:165px; float:left; margin-left:-195px}

/*新闻动态*/
.news-list{overflow:hidden}
.news-list li{border-bottom:1px solid #ddd}
.news-list li .box{display:block; overflow:hidden; padding:25px 30px 25px 465px; min-height:220px; position:relative}
.news-list li .box *{overflow:hidden}
.news-list li .img{position:absolute; width:300px; height:220px; left:25px; top:25px}
.news-list li .img img{width:100%; height:220px; object-fit:contain}
.news-list li .year{position:absolute; left:365px; top:25px; width:76px; height:76px; border:1px solid #ddd; line-height:76px; text-align:center; font-size:24px} 
.news-list li .title{font-size:24px; line-height:38px; height:76px}
.news-list li .txt{font-size:16px; color:#666666; line-height:30px; height:60px; margin:25px 0}
.news-list li .more{font-size:16px; color:#21bbc1; line-height:20px}
.news-list li a:hover{background:#f8f8f8}
.news-list li a:hover .year{background:#21bbc1; color:#fff; border-color:#21bbc1}
.news-list li a:hover .title{color:#21bbc1}

/*新闻动态详情*/
.details-box{padding:60px 0}
.details-left{float:left; width:800px}
.details-title{font-size:26px; line-height:36px}
.details-tips{font-size:16px; color:#999999; line-height:30px; padding:15px 0 20px 0}
.details-text{text-align: justify;font-size:16px; line-height:30px; padding:25px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.details-text img{max-width:100%}
.details-news{float:right; width:270px; background:#f5f5f5; padding:0 25px 40px 25px}
.details-news .title{font-size:24px; line-height:63px; border-bottom:1px solid #ddd}
.details-news ul{padding:30px 0}
.details-news ul li{padding-bottom:25px}
.details-news ul li a{font-size:16px; line-height:30px; height:60px; display:block; position:relative; padding-left:25px; color:#828282; overflow:hidden}
.details-news ul li a:before{content:""; background:#828282; border-radius:50px; width:6px; height:6px; position:absolute; left:0; top:12px}
.details-news ul li a:hover{color:#21bbc1}
.details-news ul li a:hover:before{background:#21bbc1}
.details-news .return{display:block; height:50px; text-align:center; background:#21bbc1; color:#fff; font-size:16px; line-height:50px}
.details-news .return span{padding-left:25px; position:relative}
.details-news .return span:before{content:""; background:url(../images/return.png) no-repeat; background-size:cover; width:18px; height:15px; position:absolute; left:0; top:50%; margin-top:-7.5px}
.details-news .return:hover{color:#fff; background:#199ba0}
.details-page{font-size:16px; line-height:30px; padding-top:25px}
.details-page p{padding:5px 0}
.details-page a{color:#666}
.details-page a:hover{color:#21bbc1}


/*创意合作*/
/*.second-show.cooperation:before{content:""; position:absolute; width:100%; bottom:0; height:193px; background:url(../images/cooperation.png) no-repeat center bottom; background-size:cover; z-index:1}*/
.second-show.cooperation .layout{position:relative; z-index:2}
.second-show.cooperation .title{top:100px;transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0)}
.cooperation-slogan{color:#fff; font-size:18px; line-height:30px; padding-top:165px; padding-left:50px}
.cooperation-slogan p{padding:5px 0; position:relative; padding-left:35px}
.cooperation-slogan p:before{content:""; position:absolute; width:23px; height:28px; left:0; top:50%; margin-top:-14px; background-size:cover !important}
.cooperation-slogan p:nth-child(1):before{background:url(../images/s1.png) no-repeat center center}
.cooperation-slogan p:nth-child(2):before{background:url(../images/s2.png) no-repeat center center}
.cooperation-slogan p:nth-child(3):before{background:url(../images/s3.png) no-repeat center center}
.position-box.cooperation{top:-100px}
.cooperation-tips{text-align:center; font-size:24px; line-height:48px; padding:40px 175px}
.cooperation-list{margin-left:35px; padding-bottom:40px; overflow:hidden}
.cooperation-list li{width:33.3%; float:left; text-align:center}
.cooperation-list .box{margin-left:35px; border:1px solid #ddd; background:#fff; overflow:hidden; padding:55px 25px 40px 25px}
.cooperation-list .box .ioc{display:block; width:44px; height:48px; background-size:cover !important; margin:0 auto}
.cooperation-list .box .a1{background:url(../images/l1.png) no-repeat center center}
.cooperation-list .box .a2{background:url(../images/l2.png) no-repeat center center}
.cooperation-list .box .a3{background:url(../images/l3.png) no-repeat center center}
.cooperation-list .box .title{font-size:18px; line-height:20px; height:20px; margin:30px 0 15px 0}
.cooperation-list .box .txt{font-size:16px; color:#666666; line-height:30px; height:120px; overflow:hidden}
.cooperation-list .box:hover{background:#f1b833; color:#fff}
.cooperation-list .box:hover .a1{background:url(../images/l1a.png) no-repeat center center}
.cooperation-list .box:hover .a2{background:url(../images/l2a.png) no-repeat center center}
.cooperation-list .box:hover .a3{background:url(../images/l3a.png) no-repeat center center}
.cooperation-list .box:hover .txt{color:#fff}
.cooperation-apply{background:url(../images/cooperation-apply.jpg) no-repeat center bottom; background-size:cover; color:#3c445d; overflow:hidden}
.cooperation-apply .h1{padding:70px 100px 35px 100px; text-align:center; font-size:30px; line-height:40px}
.cooperation-apply .tips{background:#f1f6fb; height:60px; line-height:60px; font-size:20px; text-align:center; margin:0 25%; -webkit-box-shadow:rgba(23,70,120,0.35) 0 0 15px;-moz-box-shadow:rgba(23,70,120,0.35) 0 0 15px; box-shadow:rgba(23,70,120,0.35) 0 0 15px}
.cooperation-apply .tips span{position:relative; padding-left:35px; margin:0 25px}
.cooperation-apply .tips span:before{content:""; position:absolute; width:22px; height:25px; left:0; top:50%; margin-top:-12px; background-size:cover !important}
.cooperation-apply .tips .name:before{background:url(../images/name.png) no-repeat center center}
.cooperation-apply .tips .mobile:before{background:url(../images/mobile.png) no-repeat center center}
.cooperation-apply .h2{text-align:center; font-size:32px; line-height:35px; font-weight:bold; margin:50px 0 30px 0}
.cooperation-form{padding:0 20%}
.cooperation-form li{position:relative; padding-left:90px; margin-bottom:20px}
.cooperation-form li .t{position:absolute; left:0; top:0; width:px; font-size:16px; line-height:44px}
.cooperation-form li .text{display:block; border:1px solid rgba(255,255,255,0.6); height:42px; line-height:42px; background:rgba(31,39,87,0.3); width:95%; padding:0 3%; font-size:16px; color:#fff}
.cooperation-form li .textarea{height:180px; line-height:30px; padding:10px 3%}
.cooperation-button{cursor:pointer; display:block; width:160px; height:50px; text-align:center; color:#fff; font-size:20px; border-radius:50px; background:#f1b833; margin:30px auto; line-height:50px; color:#fff; border:0}
.cooperation-button:hover{-webkit-box-shadow:rgba(183,90,0,0.5) 0 0 15px;-moz-box-shadow:rgba(183,90,0,0.5) 0 0 15px; box-shadow:rgba(183,90,0,0.5) 0 0 15px}

/*招贤纳士*/
.join-tips{text-align:center; font-size:24px; line-height:48px; padding:40px 0 0 0}
.join-tips img{height:auto}
.join-HR{background:url(../images/join-HR.jpg) no-repeat; background-size:cover; color:#fff; padding:70px 95px; font-size:18px; line-height:30px; text-align:left; margin-top:40px}
.join-HR .title{font-size:24px; padding-bottom:30px}
.join-HR p{position:relative; padding:5px 0 5px 40px}
.join-HR p i{position:absolute; left:0; top:50%; margin-top:-12.5px; width:25px; height:25px}
.join-HR .mail{background:url(../images/mail.png) no-repeat}
.join-HR .phone{background:url(../images/phone.png) no-repeat}
.join-list{padding:50px 0 0 0}
.join-list li{background:#fff; margin-bottom:30px; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px;-moz-box-shadow:rgba(0,0,0,0.2) 0 0 10px;box-shadow:rgba(0,0,0,0.2) 0 0 10px}
.join-list li .box{padding:20px 25px; cursor:pointer}
.join-list li .title{font-size:24px; line-height:35px; position:relative}
.join-list li .title .ioc{position:absolute; right:0; top:6.5px; width:23px; height:23px}
.join-list li .title .ioc:before,
.join-list li .title .ioc:after{content:""; position:absolute; background:#444}
.join-list li .title .ioc:before{width:100%; left:0; height:3px; top:50%; margin-top:-1.5px}
.join-list li .title .ioc:after{width:3px; left:50%; height:100%; top:0; margin-left:-1.5px}
.join-list li .on .title .ioc:after{display:none}
.join-list li .txt{font-size:16px; line-height:30px; color:#666666; padding-top:20px}
.join-list li .text{padding:20px 25px 35px 25px; font-size:16px; line-height:30px; display:none}
.join-list li .text h2{display:block; font-size:16px; font-weight:bold; line-height:30px; padding:25px 0 5px 0}
.join-list li .text h2:nth-child(1){padding:0 0 5px 0}
.join-more{display:block; width:340px; height:60px; font-size:16px; text-align:center; line-height:60px; background:#eee; margin:30px auto}
.join-more:hover{background:#21bbc1; color:#fff}


/*联系我们*/
.connect-box{background:#fcfcfc url(../images/connect-box.jpg) no-repeat center bottom; background-size:cover; padding:100px 0 130px 0; position:relative; overflow:hidden}
.connect-left{position:absolute; width:50%; left:0; bottom:130px; overflow:hidden; background:#f5f5f5}
.connect-map{height:525px; margin:30px; background:#fff}
.BMap_bubble_title{font-size:16px; line-height:30px; margin-bottom:10px}
.map-txt{font-size:14px; line-height:30px; color:#666666}
.map-txt i{font-size:20px; margin-right:10px}
.connect-map img{max-width:none}
.connect-right{width:50%; height:685px; float:right;background:#4e92de url(../images/connect-right.jpg) no-repeat right bottom; background-size:100%; overflow:hidden; color:#fff; position:relative}
.connect-right .box{padding:70px 0 0 80px}
.connect-title{font-size:36px; line-height:36px}
.connect-title:after{content:""; display:block; background:#fff; height:6px; width:165px; margin-top:20px}
.connect-text{font-size:16px; line-height:35px; margin-top:50px}


/*法律声明*/
.statement-pa{padding:50px 0}
.statement-title{font-size:24px; font-weight:bold; padding-bottom:25px; text-align:center}
.statement-text{font-size:16px; line-height:30px}
/*.statement-text p{text-indent:32px}*/

@media screen and (max-width:1200px){
  .layout{width:auto}
}
@media screen and (max-width:750px){
	html,body{overflow-x:hidden}
	.pc{display:none !important}
    .web{display:block !important}
	.layout{width:auto}
	.floatBox{display:none}

	/*底部样式*/
	.footer{background:#21bbc1; color:#fff; font-size:14px; line-height:20px; padding:0; overflow:hidden}
	.footer_top{position:relative; padding:0}
	.footer_top .d1{display:none}
	.footer_top .footer_nav{overflow:hidden}
	.footer_top .footer_nav li{float:none; width:auto; min-height:0; background:none}
	.footer_top .footer_nav li .box{padding-left:0}
	.footer_top .footer_nav li .title{font-size:16px; line-height:40px; height:40px; padding-bottom:0; padding:0 0.2rem; background:rgba(255,255,255,0.1); margin-bottom:1px; position:relative}
	.footer_top .footer_nav li .title:after{content:""; border:5px transparent solid; width:0; height:0; overflow:hidden; border-top-color:#fff; font-size:0; line-height:0; position:absolute; top:50%; margin-top:-2px; right:0.2rem}
	.footer_top .footer_nav li .drop-down{line-height:40px; overflow:hidden; display:none}
	.footer_top .footer_nav li .drop-down a{padding:0 0.3rem; display:block}
	.footer_top .footer_nav li:nth-child(3){width:auto}
	.footer_top .footer_nav li .drop-down p{float:left; width:50%; text-align:center}
	.footer_bottom{line-height:20px; font-size:14px; padding:15px 0.2rem; border-top-color:rgba(255,255,255,0.1); margin-top:-1px}
	.footer_bottom span{padding:0; display:block}
	.footer_bottom .link a{margin:0 5px}


	/*导航*/
	.bh_130{height:60px}
	.headbar_top{background:#fff}
	.headbar_top .layout{height:60px; position:relative; overflow:hidden}
	.headbar_top .logo{left:0.2rem; height:30px}
	.headbar_top .logo img{height:30px}
	.headbar_top .pc_phone{display:none}
	.ioc_switch,
	.ioc_phone{display:block; position:absolute; top:0; width:50px; height:60px; font-size:0.4rem; line-height:60px; text-align:center; overflow:hidden; color:#0454a4}
	.ioc_switch{right:50px}
	.ioc_phone{right:0}
	.headbar_nav{background:#21bbc1; position:fixed; width:100%; height:calc(100% - 60px); display:none; overflow:auto}
	.main-nav-pc{height:auto; line-height:40px}
	.main-nav-pc li{float:none; width:auto; position:relative}
	.main-nav-pc li .a{height:40px; font-size:16px; text-align:left; padding:0 0.2rem; font-weight:bold}
	.main-nav-pc li.d .a:after{top:50%; margin-top:-2px; position:absolute; right:0.2rem}
	.main-nav-pc li.d .a a{display:none}
	.main-nav-pc li .drop-down{display:none; position:relative; width:100%; left:0; top:0; background:#fff; text-align:left}
	.main-nav-pc li .drop-down a{height:35px; font-size:14px; line-height:35px; padding:0 0.2rem}
	.main-nav-pc li:hover .drop-down{display:none}
	
	
	/*焦点图*/
	.index_show,
	.index_show .uk-slideshow-fullscreen,
	.index_show .uk-slideshow-fullscreen>li,
	.jsmpeg-video{/*height:calc(100vh - 60px)*/}
	.jsmpeg-video{background:#000; position:relative}
	.index_show .uk-dotnav{bottom:10px}
	.index_show .uk-slidenav{display:none}
	.index_show .uk-position-cover{display:none}
	.index_show .uk-slideshow>li>.web{visibility:visible; opacity:1 !important}
	.index_show .uk-slideshow>li:nth-child(1) img{display:none}
	.Discovery{right:0.3rem; display:none}
	
	/*首页*/
	.index-title{padding-bottom:30px}
	.index-title .cn{font-size:24px; line-height:30px}
	.index-title .line{width:200px}
	.index-title .line:after{height:4px; margin-top:-2px}
	.index-title .en{font-size:16px}
	.index-more{width:200px; height:50px; font-size:16px; line-height:50px; margin:0.5rem auto 0 auto}
	.index-more span{position:relative; padding-right:35px}
	.index-more span:after{content:""; position:absolute; right:0; top:50%; margin-top:-13px; width:26px; height:26px; background:url(../images/more.png) no-repeat; background-size:cover}
	.index-more:hover{background:#e5ae2a}
	.index-more:hover span:after{right:-8px}


	/*.index-1*/
	.index-1{padding:0.5rem 0.2rem}
	.indexNews_text{display:none}
	.index-news{padding-left:0; min-height:445px}
	.index-news .swiper-pagination{position:relative; left:0; top:0; width:auto; text-align:left}
	.index-news .swiper-pagination .li{height:auto}
	.index-news .swiper-pagination .op{height:135px}
	.index-news .swiper-pagination .li a{padding:15px 25px}
	.index-news .swiper-pagination .li a:after{right:25px; left:25px}
	.index-news .swiper-pagination .li .h1{height:50px; line-height:25px; margin-bottom:5px}
	.index-news .swiper-pagination .li .h1 em{left:-18px; font-size:22px}
	.index-news .swiper-pagination .li .h1 .title{font-size:16px; height:25px}
	.index-news .swiper-pagination .li .h1 .time{font-size:14px}
	.index-news .swiper-pagination .li .txt{font-size:14px; line-height:25px; height:50px}
	.index-news{margin-bottom:0.2rem}
	.index-news .box img{width:100%; height:auto}
	.index-news .box .text{height:40px; line-height:40px; font-size:16px}
	.index-news .box .text .textV{height:40px; width:60%}
	.index-news .swiper-button .bnt{height:40px; line-height:40px}


	/*.index-2*/
	.index-2{padding:0.5rem 0.2rem}
	.index-about-text{font-size:14px; line-height:25px; padding-bottom:30px}
	.index-about-show .li1 .div{float:none; width:auto; height:auto; position:relative}
	.index-about-show .li1 .div img{width:100%; height:auto; object-fit:cover}
	.index-about-show .li1 .d1{width:auto; background:rgba(33,187,193,0.75)}
	.index-about-show .li1 .d1 .text{position:relative; padding:0.4rem 0; width:90%; left:5%; top:0; font-size:14px; line-height:25px;
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	-o-transform:translateY(0)}
	.index-about-show .li1 .d1 .text h2{font-size:20px; line-height:30px}
	.index-about-show .li2 .div{float:none; width:auto; height:auto; position:relative}
	.index-about-show .li2 .div img{width:100%; height:auto}
	.index-about-show .li2 .d3{width:auto; height:auto; background:none; padding:20px 0}
	.index-about-show .li2 .d3 .index-more{top:0; transform:translateY(0);
    -ms-transform:translateY(0);
    -moz-transform:translateY(0);
    -webkit-transform:translateY(0%);
    -o-transform:translateY(0)}
	
	/*.index-3*/
	.index-3{padding:0.5rem 0.2rem}
	.index-product-show li{float:none; width:auto}
	.index-product-show li img{width:100%; height:auto}
	.index-product-show li .li{float:none; height:auto; width:auto; position:relative}
	.index-product-show li .box:before{display:none}
	.index-product-show li .text{position:absolute; left:0; top:0; bottom:0; right:0; color:#fff; overflow:hidden; padding:0.3rem}
	.index-product-show li .text h2{font-size:18px; line-height:30px; display:block; height:30px; color:#fff}
	.index-product-show li .text .txt{font-size:14px; line-height:25px; height:auto; margin:5px 0}
	.index-product-show li .text .bnt{font-size:14px; width:100%; top:0; margin-top:0.3rem; opacity:1}
	.index-product-show .li .text .bnt{top:0; opacity:1; background:none; text-align:left; text-decoration:underline}
	.index-product-show li .box img{position:absolute; width:100%; height:100%}
	.index-product-show li .box .text{position:relative; z-index:2}
	.index-product-show li:nth-child(3) .li,
	.index-product-show li:nth-child(4) .li{float:none}
	
	/*.index-4*/
	.index-4{padding:0.5rem 0.2rem}
	.index-clinical-show li{float:left; width:100%; padding:0.3rem 0; color:#fff}
	.index-clinical-show li .box{display:block; margin-left:0; height:90px; padding-left:100px; position:relative}
	.index-clinical-show li .img{width:90px; height:90px}
	.index-clinical-show li .img i{height:70px; width:70px}
	.index-clinical-show li .img img{width:100%; height:70px}
	.index-clinical-show li .title{font-size:18px; line-height:30px; height:30px; padding-top:0.1rem}
	.index-clinical-show li .txt{font-size:14px; line-height:20px; height:60px}
	
	/*二级页面*/
	.second-show img{width:100%; display:block}
	.second-show .title{position:absolute; color:#fff; font-weight:bold; font-size:30px; left:0; width:100%; text-align:center; padding:30px 0; /*background:rgba(0,0,0,0.3)*/ display:none}
	.second-show .layout{position:static; height:auto}
	.second-show .img{display:none}
	
	
	/*面包屑*/
	.bh_100{height:auto}
	.position-box{font-size:14px}
	.position-box .layout{height:auto; padding:15px 0.2rem; position:relative; overflow:hidden}
	.bh_100 .position-box .layout{height:auto}
	.position-r{position:relative; right:0; line-height:20px; top:0; margin-top:0; text-align:center}
	.position-box.left .position-r{right:auto; left:0}
	.position-nav{display:none}
	
	/*分页*/
	.paging_box{text-align:center; overflow:hidden; padding:45px 0}
	.paging_box a{display:inline-block; width:40px; height:40px; border:1px solid #e5e5e5; overflow:hidden; text-align:center; line-height:40px; color:#666666; font-size:14px; background:#fff; margin-left:4px}
	.paging_box a:hover,
	.paging_box .on{color:#fff; background:#21bbc1; border-color:#21bbc1}
	.paging_box .on{cursor:auto}


	/*关于我们*/
	.about-title{font-size:25px; line-height:35px; height:35px; margin-bottom:0.3rem}
	.about-1{padding:0.5rem 0.2rem; height:auto}
	.about-1 .about-title{font-size:25px; line-height:35px; height:35px; text-align:center; margin:0.3rem 0}
	.about-company{width:auto}
	
	.about-company .text{height:auto; padding-right:0; font-size:14px; line-height:25px}
	.about-company .text p{text-indent:32px}
	.company-img{position:relative; width:100%; right:0; top:0}
	.company-img img{height:auto; width:100%; object-fit:cover}
	
	.about-2{padding:0.5rem 0.2rem}
	.swiper-course .layout:before,
	.swiper-course .layout:after{display:none}
	.swiper-course .lineA{position:absolute; width:100%; height:10px; left:0; top:inherit; margin-top:0; bottom:13px; background:url(../images/lineA.png) repeat-x}
	.swiper-course .button{position:absolute; width:36px; height:36px; top:inherit; margin-top:0; bottom:0; z-index:3}
	.swiper-course .button-next{left:0}
	.swiper-course .button-prev{right:0}
	.swiper-course .swiper-slide{position:relative; padding:0; height:auto}
	.swiper-course .box{color:#fff; position:relative; left:0; bottom:0; padding:0.5rem 0.2rem; margin-bottom:13px}
	.swiper-course .box .line{display:none}
	.swiper-course .box .year{font-size:20px; padding-bottom:5px; text-align:center}
	.swiper-course .box .text{font-size:14px; line-height:22px; height:auto}
	.swiper-course .swiper-slide:nth-child(even) .box{top:auto; padding:0.5rem 0.2rem}

	.about-3{padding:0.5rem 0.2rem}
	.honor-top{margin:0}
	.honor-top .box{overflow:hidden; position:relative; padding-right:0}
	.honor-top .box img{width:100%}
	.honor-top .box .text{position:relative; width:auto; height:auto; right:auto; top:inherit; margin-top:0; bottom:0; padding:0.2rem; z-index:2l; background:#21bbc1; color:#fff}
	.honor-top .box .text .title{font-size:18px; line-height:30px; padding:0}
	.honor-top .box .text .txt{font-size:14px; line-height:22px}
	.honor-thumbs{margin-top:0.3rem; padding:0 25px}
	.honor-thumbs img{width:100%; cursor:pointer}
	.honor-thumbs .button{font-size:20px}
	
	.about-4{padding:0.5rem 0.2rem} 
	.about-culture li{float:none; width:auto}
	.about-culture li .box{margin:0.1rem auto}
	

	/*产品中心*/
	.second-show.product .layout{height:auto}
	.second-show.product .title{top:50%;transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%)}
	
	.product-show .layout{position:relative; padding-top:0}
	.product-show-text{position:relative; width:auto; height:auto; top:0; left:0; overflow:hidden}
	.product-show-text:before,
	.product-show-text:after{content:""; position:absolute}
	.product-show-text:before{display:none}
	.product-show-text:after{width:100%}
	.product-show-text .box{padding:0.3rem}
	.product-show-text .box .about-title{text-align:center; margin-bottom:15px}
	.product-show-text .box ul li{padding:10px 20px; line-height:22px; font-size:14px; margin-bottom:10px}

	.product-return{width:200px; height:40px; text-align:center; line-height:40px; float:none;  margin:0.3rem auto 0 auto; font-size:16px; border-radius:5px}
	.product-return:before,
	.product-return:after{display:none}
	.product-return i{display:none}
     
	.product-0{padding:0.5rem 0 0 0}
	.product-range li{float:none; width:auto; padding-bottom:15px}
	

	 
	.product-1{padding:0.5rem 0.2rem}
	.product-list li{margin-bottom:10px}
	.product-list li .name_a{top:-80px}
	.product-list li .img{width:auto; float:none; background:#d2e0ed}
	.product-list li .img img{width:100%; height:auto; float:none}
	.product-list li .box{width:auto; float:none;height:auto}
	.product-list li .text{padding:0.3rem}
	.product-list li .title{font-size:20px; line-height:20px}
	.product-list li .title:after{width:60px; height:2px; margin-top:10px}
	.product-list li .txt{height:auto; font-size:14px; line-height:22px; margin:15px 0}
	.product-list li .more{width:auto; font-size:14px; border-radius:50px}
	.product-list li:nth-child(even) .img{float:none}

	.product-mechanism{position:relative; width:auto; float:none; min-height:0;background-image:linear-gradient(to top,rgba(14,157,224,0.94) ,rgba(45,190,196,0.94))}
	.product-mechanism:after{display:none}
	.product-mechanism .box{position:relative; z-index:2; padding:0.3rem}
	.product-mechanism .about-title{text-align:center}
	.product-mechanism .text{font-size:14px; line-height:25px; padding-right:0}
	.product-mechanism-ul{padding-right:0; padding-top:40px}
	.product-mechanism-ul li{width:25%; float:left; padding-bottom:20px}
	.product-mechanism-ul li .boxa{width:75px; height:75px; line-height:25px; font-size:14px; margin:0 auto}
	.product-mechanism-ul li .boxa span{width:70%; left:15%}

	.product-mechanism-r{width:auto; float:none; padding:0.5rem 0.3rem}
	.product-mechanism-r .box{padding:0}
	.product-mechanism-r .text{font-size:14px; line-height:25px; height:auto; margin-bottom:0.5rem}
	.product-mechanism-r .img{padding-right:0}
	.product-mechanism-r .img img{width:100%}


	/*产品中心详情页*/
	.product-details-top:before{bottom:0}
	.product-details-show .img,
	.product-details-show .text{width:auto}
	.product-details-show .img{float:none; overflow:hidden}
	.product-details-show .img img{width:100%}
	.product-details-show .text{float:none; padding:0.3rem}
	.product-details-show .text h2{font-size:28px; text-align:center; line-height:38px; margin-bottom:10px}
	.product-details-show .text .txt{padding-right:0; font-size:14px; line-height:25px}
	
	.product-details-bottom{padding:0.5rem 0.3rem}
	.product-details-bottom .layout{position:relative}
	.product-details-text{margin-right:0; line-height:25px; font-size:14px}
	.product-details-text h2{display:block; font-size:20px; line-height:30px; font-weight:bold; padding-left:15px; position:relative; margin:20px 0 15px 0}
	.product-details-text h2:nth-child(1){margin:0 0 15px 0}
	.product-details-text h2:before{content:""; position:absolute; width:6px; height:22px; border-radius:3px; margin-top:-11px}
	.product-details-nav{display:none}
	

	/*临床应用*/
	.second-show.clinical .layout{height:auto}
	.second-show.clinical .title{top:50%;transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%)}
	.clinical-1{padding:0.5rem 0.3rem}
	.clinical-1:before{display:none}
	.clinical-1 .h2-title{font-size:20px}
	.clinical-1 .h2-txt{font-size:14px; line-height:25px; padding:10px 0 0 0}
	.clinical-show-img{margin-left:0; overflow:hidden; padding:25px 0 0 0}
	.clinical-show-img li{float:left; width:50%; text-align:center}
	.clinical-show-img li .box{margin-left:0}
	.clinical-show-img li .box img{width:123px; border-radius:50%}
	.clinical-show-img li .box .text{font-size:14px; line-height:20px; min-height:60px; margin:15px}
	
	.clinical-2{height:auto; padding:0}
	.clinical-2:before{left:0; top:0; width:100%; height:100%;transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	-webkit-transform:rotate(0deg);  /* Safari 和 Chrome */
	-o-transform:rotate(0deg)}
	.clinical-2 .layout{position:relative; padding:0.5rem 0.3rem; z-index:2; top:0}
	.clinical-2 .title{font-size:20px; line-height:30px}
	.clinical-2 .text{font-size:14px; line-height:22px; padding-top:10px}
	
	.clinical-list{margin-top:0}
	.clinical-list li .img,
	.clinical-list li .box{float:none; width:auto; height:auto}
	.clinical-list li .img{float:none; overflow:hidden}
	.clinical-list li .img img{width:100%; height:auto}
	.clinical-list li .box{text-align:left; position:relative}
	.clinical-list li .box .text{position:relative; width:auto; margin:0; left:0; right:0; top:0; transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); padding:0.3rem}
	.clinical-list li .box .text .title{font-size:20px; line-height:30px}
	.clinical-list li .box .text .title span{position:relative; padding-left:50px}
	.clinical-list li .box .text .title span img{width:40px; height:40px; margin-top:-20px; object-fit:contain}
	.clinical-list li .box .text .txt{font-size:14px; line-height:22px; margin:25px 0}
	.clinical-list li .box .text .more{display:block; text-align:center; width:auto; height:35px; font-size:16px; text-align:center; line-height:35px; color:#fff}
	
	.clinical-list li:nth-child(even) .img{float:none}
	
	
	/*临床应用详情*/
	.second-show.bh-420 .layout{height:auto}
	.clinical-left,
	.clinical-right{margin-bottom:0}
	.clinical-left{display:none}

	.clinical-right{width:auto; float:none}
	.clinical-right .position-box .layout{width:auto}
	.clinical-right-title{font-size:28px; line-height:38px; text-align:center; padding:25px 0.3rem}
	.clinical-right-title span{position:relative}
	.clinical-right-title span img{margin-right:10px}

	.clinical-range{padding:0.3rem}
	.clinical-range .title{font-size:18px; line-height:28px; height:28px; padding-left:15px}
	.clinical-range .title:before{width:6px; height:22px; margin-top:-11px}
	.clinical-range ul{padding-top:15px}
	.clinical-range ul li{width:auto; float:none; padding:5px 0}
	.clinical-range span{display:block; font-size:16px; line-height:22px; padding-left:18px}
	

	.clinical-text{font-size:14px; line-height:22px; padding:0.5rem 0.3rem}
	.clinical-text h2{font-size:18px; line-height:30px; padding-left:20px; margin:35px 0 20px 0}
	.clinical-text h2:before{width:6px; height:22px; margin-top:-11px}
	
	/*.clinical-text p{text-indent:24px}*/
	.clinical-explain{padding:0.3rem; margin-top:0.5rem}
	.clinical-explain h2:nth-child(1){margin:0 0 20px 0}
	.clinical-explain h3{font-size:16px; padding:5px 0.2rem; line-height:25px; min-height:25px; margin:25px 0 20px 0}
	
	.dl-remind p{text-indent:0}
	.dl-remind{padding-left:120px; padding-top:40px}
	.dl-remind img{width:100px; float:left; margin-left:-120px}
	
	/*新闻动态*/
	.news-list{padding:0 0.3rem}
	.news-list li .box{padding:0.3rem 0; min-height:0}
	.news-list li .img{position:relative; width:100%; height:auto; left:0; top:0}
	.news-list li .img img{width:100%; height:auto; object-fit:contain}
	.news-list li .year{position:relative; left:0; top:0; width:auto; display:inline-block; color:#fff; background:#21bbc1; padding:0 10px; height:30px; border:0; line-height:30px; text-align:left; font-size:20px; margin:10px 0} 
	.news-list li .title{font-size:18px; line-height:30px; height:60px}
	.news-list li .txt{font-size:14px; line-height:25px; height:auto; margin:10px 0}
	.news-list li .more{font-size:14px}
	
	
	/*新闻动态详情*/
	.details-box{padding:0.5rem 0.3rem}
	.details-left{float:none; width:auto}
	.details-title{font-size:20px; line-height:32px}
	.details-tips{font-size:14px; line-height:25px; padding:15px 0}
	.details-text{font-size:14px; line-height:25px; padding:15px 0}
	
	.details-news{float:none; width:auto; background:#f5f5f5; padding:0 0.3rem 0.3rem 0.3rem}
	.details-news .title{font-size:20px; line-height:50px}
	.details-news ul{padding:15px 0}
	.details-news ul li{padding-bottom:10px}
	.details-news ul li a{font-size:14px; line-height:25px; height:auto; padding-left:20px}
	.details-news ul li a:before{content:""; background:#828282; border-radius:50px; width:6px; height:6px; position:absolute; left:0; top:12px}
	.details-news .return{display:block; height:50px; border-radius:5px; font-size:16px; line-height:50px}

	.details-page{font-size:14px; line-height:25px; padding:0.3rem 0}
	

	/*创意合作*/
	.second-show.cooperation:before{display:none}
	.second-show.cooperation .layout{height:auto; position:static}
	.second-show.cooperation .title{top:0}
	
	.cooperation-slogan{font-size:14px; line-height:22px; padding-top:0; padding-left:50px; position:absolute; left:0; bottom:20%}
	.cooperation-slogan p{padding:8px 0; position:relative; padding-left:40px}
	.cooperation-slogan p:before{width:30px; height:30px; margin-top:-15px; background-size:76% !important}

	.position-box.cooperation{top:0}
	.cooperation-tips{font-size:18px; line-height:28px; padding:0.3rem}
	.cooperation-list{margin-left:0; overflow:hidden; padding:0.3rem;padding-top:0}
	.cooperation-list li{width:auto; float:none; text-align:center; padding-bottom:10px}
	.cooperation-list .box{margin-left:0; padding:0.5rem 25px}
	.cooperation-list .box .title{margin:15px 0}

	.cooperation-apply{height:auto; padding:0 0.3rem}
	.cooperation-apply .h1{padding:1rem 0 35px 0; font-size:22px; line-height:30px}
	.cooperation-apply .tips{padding:10px 0; height:auto; line-height:40px; font-size:18px; text-align:left; margin:0}
	.cooperation-apply .tips span{position:relative; display:block;margin:0 25px}
	.cooperation-apply .tips span:before{content:""; position:absolute}
	.cooperation-apply .h2{font-size:28px; line-height:35px; margin:30px 0}
	
	.cooperation-form{padding:0}
	.cooperation-form li{position:relative; padding-left:0; margin-bottom:10px}
	.cooperation-form li .t{position:relative; display:block; font-size:16px; line-height:30px}
	.cooperation-form li .textarea{height:180px; line-height:30px; padding:10px 3%}
	
	
	/*招贤纳士*/
	.join-tips{font-size:18px !important; line-height:28px; padding:20px 0.3rem 0 0.3rem}
	.join-tips *{font-size:20px !important;}
	.join-HR{padding:0.5rem 0.3rem; font-size:16px; line-height:25px; margin-top:20px}
	.join-HR .title{font-size:20px; padding-bottom:15px}
	.join-HR p{position:relative; padding:5px 0 5px 40px}
	
	
	.join-list{padding:0.5rem 0.3rem 0 0.3rem}
	.join-list li{margin-bottom:30px}
	.join-list li .box{padding:0.3rem; cursor:pointer}
	.join-list li .title{font-size:18px; line-height:35px; position:relative; padding-right:30px}
	.join-list li .title .ioc{top:10px; width:15px; height:15px}
	
	.join-list li .txt{font-size:14px; line-height:25px; padding-top:10px}
	.join-list li .text{padding:0.3rem; font-size:16px; line-height:30px; display:none}
	.join-list li .text h2{display:block; font-size:16px; font-weight:bold; line-height:30px; padding:25px 0 5px 0}
	.join-list li .text h2:nth-child(1){padding:0 0 5px 0}
	.join-more{width:auto; margin:30px 0.3rem; height:50px; font-size:16px; text-align:center; line-height:50px}


	/*联系我们*/
	.connect-box{padding:0}
	.connect-left{position:relative; width:auto; left:0; bottom:0}
	.connect-map{height:400px; margin:0.3rem; background:#fff}
	.BMap_bubble_title{font-size:16px; line-height:25px; margin:15px 0 10px 0}
	.map-txt{font-size:14px; line-height:25px}
	.map-txt i{font-size:20px; margin-right:10px}
	
	.connect-right{width:auto; height:auto; float:none; text-align:center}
	.connect-right .box{padding:0.3rem}
	.connect-title{font-size:30px; line-height:30px}
	.connect-title:after{height:4px; width:165px; margin:20px auto}
	.connect-text{font-size:14px; line-height:28px; margin-top:0}


	/*法律声明*/
	.statement-pa{padding:0.5rem 0.3rem}
	.statement-title{font-size:22px; padding-bottom:25px}
	.statement-text{font-size:14px; line-height:25px}
	/*.statement-text p{text-indent:24px}*/
 
}

@media screen and (max-width:370px){
	
}

/*ghost*/
.clinical-right-title i{
   	width: 60px;
    height: 48px;
    display: inline-block;
    position: relative;
    filter: drop-shadow(60px 0 0 #21bbc1);
    transform: translateX(-100%);

}
.clinical-right-title span{overflow: hidden;width: 60px;height: 48px;display: inline-block;position: relative;top: 12px; z-index:4}
.Validform_checktip {margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; } .Validform_right {color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center; } .Validform_wrong {color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center; } .Validform_loading {padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center; } .Validform_error {background-color: #ceb4c69c !important; } #Validform_msg {color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); } #Validform_msg .iframe {position: absolute; left: 0px; top: -1px; z-index: -1; } #Validform_msg .Validform_title {line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #000; } #Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; } #Validform_msg a.Validform_close:hover {color: #cc0; } #Validform_msg .Validform_info {padding: 8px; border: 1px solid #000; border-top: none; text-align: left; }